<template>
  <div>
      <van-nav-bar
        left-arrow
        class="app-nav-bar"
        title="修改密码"
        @click-left="$router.back()"
      />

      <van-form @submit="onSubmit">
          <van-field
                v-model="form.oldPassword"
                label="原密码"
                placeholder="请输入原密码"
                :rules="[{ required: true, message: '请输入原密码' }]"
            />
            <van-field
                v-model="form.newPassword"
                label="新密码"
                placeholder="请输入新密码"
                :rules="[{ required: true, message: '请输入新密码' }]"
            />
            <van-field
                v-model="oldPasswords"
                label="确认密码"
                placeholder="请输入确认密码"
                :rules="[{ required: true, message: '请输入原密码' }]"
            />
            <!-- 提交 -->
            <div style="margin:16px">
                <van-button round block type="info" native-type="submit">提交</van-button>
            </div>
        </van-form>
  </div>
</template>

<script>
export default {
    name:'pwd',
    data(){
        return{
            oldPasswords:'',
            form:{
                oldPassword:'',
                newPassword:''
            }
        }
    },
    methods:{
        onSubmit(){

        }
    }
}
</script>

<style lang="less" scoped>
    /deep/ .app-nav-bar{
        background-color: #3296fa;
        .van-nav-bar__title{
            color: #fff;
        }
        .van-icon{
            color: #fff;
        }
    }
</style>